:global(html, body) {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #808080;
	font-family: '微软雅黑', 'Microsoft Yahei';
	user-select: none;
	text-size-adjust: 100%;
	overflow-scrolling: touch;
	tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);

    min-height: 100vh;
}

:global(a) {
	color: rgba(0, 0, 0, 0.870588);
	text-decoration: none;

	&:link, &:visited, &:hover, &:active {
		&:extend(.a);
	}
}

:global(.panel) {
	padding: 0 20px 0;
	// display: flex;
	// flex-flow: column;

	// flex-grow: 1;
}

:global(.chart) {
	overflow: auto;
	// max-width: 950px;
    margin: 0 auto;

	table { 
		border-collapse: collapse;
    	border-spacing: 0;
    	table-layout: fixed;
    	width: 100%;
	}

	th {
		font-weight: normal;
	    font-size: 12px;
	    padding-left: 24px;
	    padding-right: 24px;
	    height: 56px;
	    text-align: left;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    color: #9e9e9e;
	    position: relative;
	    background-color: inherit;
	}

	tr {
		color: rgba(0, 0, 0, 0.87);
		border-bottom: 1px solid #e0e0e0;

		&:last-child {
			border-bottom: 1px solid rgba(0,0,0,0);
		}
	}

	td,th {
		width: 50px;
		padding-left: 12px;
	    padding-right: 12px;
	    height: 48px;
	    text-align: left;
	    font-size: 13px;
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    background-color: inherit;
	}
}
